<div class="container">
  <!-- JACKPOT -->
  <div class="container-jackpot" *ngIf="!(site>10&&championPool===0)"
    [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/common/champion-jackpot-bg.png)'">
    <img class="container-jackpot__icon" [src]="deployUrl+'assets/img/end-year/common/question-mark.png'" alt="详情" (click)="closeShow(true)">
    <div class="container-jackpot__text">{{championPool}}魅力</div>
  </div>
  <div class="container-header bg_common">
    <!-- 标题 -->
    <div class="top_title">
      <img class="container-header__title" src="{{deployUrl}}assets/img/end-year/nvshen/round-title-4-2.png"
        alt="直通赛突围赛规则">
    </div>
    <!-- 规则 -->
    <div class="brief animation" style="margin-top: -0.6rem;margin-bottom:-0.6rem;" [ngClass]="{up:!flag,down:flag}">
      <p>
        1、比赛时间为12月16日22点开始，约50分钟结束，仅限成功晋级的32名主播参与，活动结束后榜单前6名直通决赛；
      </p>
      <p>
        2、比赛开始后榜单
        <strong>将以魅力积分进行排名</strong>，魅力积分一致将会根据「入围赛」排名进行2次排序；
      </p>
      <p>
        3、22点系统将对32名主播自动发起随机蒙面PK，共10轮；前3轮不淘汰主播，第4~9轮每轮淘汰4名主播，第10轮淘汰2名的主播，被淘汰的主播剩余魅力积分将加入冠军奖池；（突围赛被淘汰主播可参与半决赛）；
      </p>
      <p>
        4、PK胜方可抢夺败方30%的魅力积分，若以斩杀方式取得胜利可抢夺50%魅力积分，平局双方各扣除50%魅力积分。被扣除的的魅力积分将加入冠军奖池，结束后发放给魅力争夺赛冠军；
      </p>
      <p>
        5、23点直通赛结束，最终剩余的6名主播直通决赛；
      </p>
      <p>
        6、直通决赛的6名主播可选择是否继续参与「魅力争夺赛」的抢夺，若放弃参与则提取当前魅力积分70%的魅力，剩余30%将加入冠军奖池，若选择参与需继续等待系统匹配对手；
      </p>
      <p>
        7、直通赛PK斩杀积分将调整成10万，期间主播无法参与其它PK活动；
      </p>
    </div>
    <div class="accordion" (click)="flag=!flag">
      <img src="{{deployUrl}}assets/img/end-year/common/accordion-close.png" alt="" *ngIf="flag">
      <img src="{{deployUrl}}assets/img/end-year/common/accordion-open.png" alt="" *ngIf="!flag">
    </div>
  </div>
  <!-- MAIN -->
  <div class="bg_common" style="margin-bottom: 1.5rem;">
    <!-- 突围赛进度 -->
    <div class="container-main__progress">
      <div class="progress-table"
        [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/nvshen/progress-table.png)'">
        <div class="progress-table__current" *ngIf="curProgress>0"
          [ngStyle]="{'top':curProgressStyle.top,left:curProgressStyle.left,backgroundImage:'url('+deployUrl+'assets/img/end-year/nvshen/progress-current-bg.png)'}">
          第{{curProgress}}轮
        </div>
      </div>
      <div class="progress-countdown" *ngIf="curProgress>0 && countdown>0"
        [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/nvshen/progress-countdown-bg.png)'">
        距第{{curProgress}}轮还剩 {{showCountDown}}
      </div>
      <div class="progress-countdown" *ngIf="curProgress>0 && curProgress!=10 && countdown==0"
        [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/nvshen/progress-countdown-bg.png)'">
        等待下一轮开始
      </div>
    </div>
    <!-- 活动已结束 -->
    <div class="container-main__end" *ngIf="site>10">
      <div>
        <p>突围赛已结束</p>
      </div>
    </div>
    <!-- OTHERS -->
    <div class="container-main__others">
      <div class="others-header">
        <div class="index">排名</div>
        <div class="detail">主播信息</div>
        <div class="value">魅力积分</div>
      </div>
      <div class="others-main" *ngIf="othersList.length&&site>0">
        <!-- item -->
        <div *ngFor="let anchor of othersList; let i=index">
          <img src="{{deployUrl}}assets/img/end-year/common/area-1.png" alt=""
            *ngIf="i===0&&site>0&&curProgress>3&&site<=11">
          <img src="{{deployUrl}}assets/img/end-year/common/area-2.png" alt=""
            *ngIf="((i===28&&curProgress===4)||(i===24&&curProgress===5)||(i===20&&curProgress===6)||(i===16&&curProgress===7)||(i===12&&curProgress===8)||(i===8&&curProgress===9)||(i===6&&curProgress===10))&&site<=10">
          <img src="{{deployUrl}}assets/img/end-year/common/area-3.png" alt=""
            *ngIf="((i===28&&curProgress===5)||(i===24&&curProgress===6)||(i===20&&curProgress===7)||(i===16&&curProgress===8)||(i===12&&curProgress===9)||(i===8&&curProgress===10))&&site>4&&site<=10">
          <img src="{{deployUrl}}assets/img/end-year/common/area-3.png" alt="" *ngIf="i===6&&site>10">
          <div class="others-main__item" [ngClass]="{'others-main__item_top1': i===0}">
            <div class="index">
              <img [src]="deployUrl+'assets/img/end-year/renqi/others-main-item-rank-'+(i+1)+'.png'" *ngIf="i<3"
                style="width: 0.42rem;height:0.48rem;">
              <span *ngIf="i>2">{{i+1}}</span>
            </div>
            <div class="detail">
              <img class="detail-avatar" (click)="gotoRoom(anchor,'anchor')" [src]="anchor.headImage | headImg"
                [alt]="anchor.nickname">
              <div class="detail-info">
                <div class="detail-info--name" (click)="gotoRoom(anchor,'anchor')">{{anchor.nickname}}</div>
              </div>
            </div>
            <div class="value">{{anchor.score?anchor.score:(i<6?'结算中':'已淘汰')}}</div>
          </div>
        </div>
        <!-- spinner -->
        <div class="getmore" *ngIf="othersList.length&&!onRefrash">
          <span>没有更多了</span>
        </div>
      </div>
      <div *ngIf="site==0" class="not_li">
        <p>暂未开始</p>
      </div>
    </div>
    <div class="container-footer">
      <p *ngIf="!isAndroid && !isPC">声明：本活动与Apple Inc.无关</p>
      <p>请用户注意，适度娱乐，理性消费</p>
    </div>
  </div>
  <div class="myself" *ngIf="currentAnchorInfo.rank">
    <div class="index">
      <img [src]="deployUrl+'assets/img/end-year/renqi/others-main-item-rank-'+(currentAnchorInfo.rank)+'.png'"
        style="width: 0.42rem;height:0.48rem;" *ngIf="currentAnchorInfo.rank<=3&&currentAnchorInfo.rank>0">
      <span *ngIf="currentAnchorInfo.rank>3">{{currentAnchorInfo.rank!=99?currentAnchorInfo.rank:'-'}}</span>
    </div>
    <div class="detail">
      <img class="detail-avatar" [src]="currentAnchorInfo.headImage | headImg" [alt]="currentAnchorInfo.nickname">
      <div class="detail-info">
        <div class="detail-info--name">{{currentAnchorInfo.nickname}}</div>
      </div>
    </div>
    <div class="value" *ngIf="currentAnchorInfo.rank===99">{{currentAnchorInfo.score}}</div>
    <div class="value" *ngIf="currentAnchorInfo.rank!==99">{{currentAnchorInfo.score?currentAnchorInfo.score:(currentAnchorInfo.rank<=6?'结算中':'已淘汰')}}</div>
  </div>
</div>
<!-- 弹窗 -->
<div class="dialog" *ngIf="isDialog" (click)="closeShow(false)">
  <div class="contain alert-anmation" (click)="$event.stopPropagation();">
    <div class="close" (click)="closeShow(false)">
      <img src="{{deployUrl}}assets/img/end-year/nvshen/close.png" alt="">
    </div>
    <p>1、奖池组成部分主要如下：</p>
    <p><strong>1）基础200000魅力</strong></p>
    <p><strong>2）突围赛被淘汰主播的剩余魅力</strong></p>
    <p><strong>3）突围赛平局双方被扣除的魅力</strong></p>
    <p><strong>4）放弃进入魅力争夺赛的主播被扣除的30%魅力</strong></p>
    <p>2、冠军奖池的全部魅力将在魅力争夺赛结束奖励给冠军 </p>
    <p>3、若无人参与魅力争夺赛，冠军奖池魅力加入决赛奖池</p>
  </div>
</div>
